<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<script type="text/javascript">
function callme(){
	alert("hello");
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  document.getElementById("catDiv").innerHTML=xmlhttp.responseText;
  }
}
xmlhttp.open("get","getCategory",true);
xmlhttp.send();

}
function getSubCat(String x){
	alert(x);
	alert("hello");
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  document.getElementById("subcatDiv").innerHTML=xmlhttp.responseText;
  }
}
xmlhttp.open("get","getsubCategory",true);
xmlhttp.send();

}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<style type="text/css">
.divstyle{
 height:270px; width:100%;background-color:#FFFFFF;border-top: 1px solid #999!important;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999;
}
<!--
.style1 {
	color: #CCCCCC;
	font-weight: bold;
}
.style2 {color: #0033FF}
-->
</style>
</head>

<body marginwidth="100px" >
<header>
<img src="ebayimages/logoEbay_x45.gif" height="50" width="110" align="left" />
<img src="ebayimages/imgEBPHeaderD.png" height="22" width="220" align="right"  /><br /><br />
<hr color="#999900" width="100%">
</header>
<table>
<tr>
<td><b>1.Tell Us What You Sell &nbsp;&nbsp;&nbsp;</b></td><td><span class="style1">2.Create Your Listing&nbsp;&nbsp;&nbsp;</span></td>
<td><span class="style1">3.Review Your Listing</span></td>
</tr>
</table><br /><br />
<hr color="#999999">
<div style="margin-top:25px; width:100%; float:left;  background-color:e3e3e3;border-width:1px;border-color: #999;border-style:solid">
<div style="border-top:1px;border-bottom:1px;font-size:24px"><strong>&nbsp;&nbsp;What Do You Want TO SEll Today?  </strong></div>
<div class="divstyle">
<div style="margin:20">
<b>Start a new listing</b><br />
Note: Starting a new listing will delete your draft listing.<br />
Enter a UPC, ISBN, or keywords that describe your item.<br /><br />
<form action="">
<input type="text" style="width:300" name="search" value="" />&nbsp;<input type="submit" value="SEARCH" /><br /><br />
</form>
<input type="button" value="Browse catagory" onclick="callme()"/></div>
<div>
<div id="catDiv" style="height:300px; width:20% ">rme</div><div id="subcatDiv" style="height:300px; width:20% ">rme</div>
</div></div>

</div>

</body>
</html>